home *** CD-ROM | disk | FTP | other *** search
/ PCGUIA 114 / PC Guia 114.iso / Software / Utils / The Gimp 2.2.1 / gimp-help-2-0.6-setup.exe / {app} / share / gimp / 2.0 / help / en / ch02s04s09.html < prev    next >
Encoding:
Extensible Markup Language  |  2004-12-19  |  8.0 KB  |  193 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>4.9.┬áGradients</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <meta name="generator" content="DocBook XSL Stylesheets V1.66.1" />
  10.     <link rel="start" href="index.html" title="GIMP User Manual" />
  11.     <link rel="up" href="ch02s04.html" title="4.┬áWorking with Images" />
  12.     <link rel="prev" href="ch02s04s08.html" title="4.8.┬áBrushes" />
  13.     <link rel="next" href="ch02s04s10.html" title="4.10.┬áPatterns" />
  14.   </head>
  15.   <body>
  16.     <div xmlns="" class="navheader">
  17.       <table width="100%" summary="Navigation header">
  18.         <tr>
  19.           <th colspan="3" align="center" id="chaptername">4.┬áWorking with Images</th>
  20.         </tr>
  21.         <tr>
  22.           <td width="20%" align="left"><a accesskey="p" href="ch02s04s08.html">Prev</a>┬á</td>
  23.           <th width="60%" align="center" id="sectionname">4.9.┬áGradients</th>
  24.           <td width="20%" align="right">┬á<a accesskey="n" href="ch02s04s10.html">Next</a></td>
  25.         </tr>
  26.       </table>
  27.       <hr />
  28.     </div>
  29.     <div class="sect2" lang="en" xml:lang="en">
  30.       <div class="titlepage">
  31.         <div>
  32.           <div>
  33.             <h3 class="title"><a id="gimp-gradients"></a>4.9.┬áGradients</h3>
  34.           </div>
  35.         </div>
  36.       </div>
  37.       <a id="id3424576" class="indexterm"></a>
  38.       <div class="informalfigure">
  39.         <div class="mediaobject">
  40.           <img src="../images/using/gradient-examples.png" />
  41.           <div class="caption">
  42.             <p>
  43.           Some examples of GIMP gradients.
  44.         </p>
  45.           </div>
  46.         </div>
  47.       </div>
  48.       <p>
  49.     A <span class="emphasis"><em>gradient</em></span> is a set of colors arranged in a
  50.     linear order.  The most basic use of gradients is by the <a href="ch03s06s03.html" title="6.3.┬áGradient Tool">Blend tool</a>, sometimes known as
  51.     the "gradient tool" or "gradient fill tool":  it works by filling
  52.     the selection with colors from a gradient.  You have many options
  53.     to choose from for controlling the way the gradient colors are
  54.     arranged within the selection.   There are also other
  55.     important ways to use gradients, including:
  56.   </p>
  57.       <div class="variablelist">
  58.         <dl>
  59.           <dt>
  60.             <span class="term">Painting with a gradient</span>
  61.           </dt>
  62.           <dd>
  63.             <p>
  64.           Each of GIMP's basic painting tools allows you the option of
  65.           using colors from a gradient.  This enables you to create
  66.           brushstrokes that change color from one end to the other.
  67.         </p>
  68.           </dd>
  69.           <dt>
  70.             <span class="term">The Gradient Map filter</span>
  71.           </dt>
  72.           <dd>
  73.             <p>
  74.           This filter allows you to "colorize" a grayscale image, by
  75.           replacing each shade of gray with the corresponding color from a
  76.           gradient. See the <a href="ch06s03s09.html" title="3.9.┬áGradient Map">Gradient
  77.           Map</a> section for more information.
  78.         </p>
  79.           </dd>
  80.         </dl>
  81.       </div>
  82.       <p>
  83.     When you install GIMP, it comes presupplied with a large number of
  84.     interesting gradients, and you can add new ones that you create or
  85.     download from other sources.  You can access the full set of
  86.     available gradients using the <a href="ch04s12.html" title="12.┬áGradients dialog">Gradients dialog</a>, a dockable
  87.     dialog that you can either activate when you need it, or keep
  88.     around as a tab in a dock.  The "current gradient", used in most
  89.     gradient-related operations, is shown in the
  90.     Brush/Pattern/Gradient area of the Toolbox.  Clicking on the
  91.     gradient symbol in the Toolbox is an alternative way of bringing
  92.     up the Gradients dialog.
  93.   </p>
  94.       <div class="informalfigure">
  95.         <div class="mediaobject">
  96.           <img src="../images/using/gradient-usage.png" />
  97.           <div class="caption">
  98.             <p>
  99.           Four ways of using the Tropical Colors gradient:  a linear
  100.           gradient fill, a 
  101.           shaped gradient fill, a stroke painted using colors from
  102.           a gradient, and a stroke painted with a fuzzy brush then
  103.           colored using the Gradient Map filter.
  104.         </p>
  105.           </div>
  106.         </div>
  107.       </div>
  108.       <p>
  109.     A few useful things to know about GIMP's gradients:
  110.   </p>
  111.       <div class="itemizedlist">
  112.         <ul type="disc">
  113.           <li>
  114.             <p>
  115.         The top four gradients shown in the Gradients dialog are
  116.         special, because they 
  117.         make use of GIMP's current foreground and background colors,
  118.         substituting the foreground color for black, and the
  119.         background color for white.  Thus, by altering the foreground
  120.         and background colors, you can make these gradients transition
  121.         smoothly between any two colors you want.  The other gradients
  122.         in the list, and any custom gradients you may create, have
  123.         fixed colors.
  124.       </p>
  125.           </li>
  126.           <li>
  127.             <p>
  128.         Gradients can involve not just color changes, but also changes
  129.         in opacity.  Some of the gradients are completely opaque;
  130.         others include transparent or translucent parts.  When you
  131.         fill or paint with a non-opaque gradient, the existing
  132.         contents of the layer will show through behind it.
  133.       </p>
  134.           </li>
  135.           <li>
  136.             <p>
  137.         You can create new <span class="emphasis"><em>custom</em></span> gradients,
  138.         using the <a href="ch04s12s03.html" title="12.3.┬áGradient Editor">Gradient
  139.         Editor</a>.  You cannot modify the gradients that are
  140.         supplied with GIMP, but you can duplicate them or create new
  141.         ones, and then edit those.
  142.       </p>
  143.           </li>
  144.         </ul>
  145.       </div>
  146.       <p>
  147.     The gradients that are supplied with GIMP are stored in a system
  148.     <tt class="filename">gradients</tt> folder.  By default, gradients that
  149.     you create are stored in a folder called
  150.     <tt class="filename">gradients</tt> in your personal GIMP directory.
  151.     Any gradient files (ending with the extension
  152.     <tt class="filename">.ggr</tt>) will automatically be loaded when you
  153.     start GIMP.  You can add more directories to the gradient search
  154.     path, if you want to, in the Gradients tab of the <a href="ch04s18s16.html" title="18.16.┬áData Folders">Data Folders</a> pages of the
  155.     Preferences dialog.
  156.   </p>
  157.       <p>
  158.     New in GIMP 2.2 is the ability to load gradient files in SVG
  159.     format, used by many vector graphics programs.  To make GIMP load
  160.     an SVG gradient file, all you need to do is place it in the
  161.     <tt class="filename">gradients</tt> folder of your personal GIMP
  162.     directory, or any other folder in your gradient search path.
  163.   </p>
  164.       <p>
  165.     You can find a large number of interesting SVG gradients on the
  166.     web, in particular at <a href="http://openclipart.org/cgi-bin/navigate/Gradients" target="_top">OpenClipArt
  167.     Gradients</a>.  You won't be able to see what these gradients
  168.     look like unless your browser supports SVG, but that won't prevent
  169.     you from downloading them.
  170.   </p>
  171.     </div>
  172.     <div class="navfooter">
  173.       <hr />
  174.       <table width="100%" summary="Navigation footer">
  175.         <tr>
  176.           <td width="40%" align="left"><a accesskey="p" href="ch02s04s08.html">Prev</a>┬á</td>
  177.           <td width="20%" align="center">
  178.             <a accesskey="u" href="ch02s04.html">Up</a>
  179.           </td>
  180.           <td width="40%" align="right">┬á<a accesskey="n" href="ch02s04s10.html">Next</a></td>
  181.         </tr>
  182.         <tr>
  183.           <td width="40%" align="left" valign="top">4.8.┬áBrushes┬á</td>
  184.           <td width="20%" align="center">
  185.             <a accesskey="h" href="index.html">Home</a>
  186.           </td>
  187.           <td width="40%" align="right" valign="top">┬á4.10.┬áPatterns</td>
  188.         </tr>
  189.       </table>
  190.     </div>
  191.   </body>
  192. </html>
  193.